﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true"
    CodeBehind="Sell.aspx.cs" Inherits="LinkCard.ShopCP.Sell.Sell" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function addCommas(str) {
            var amount = new String(str);
            amount = amount.split("").reverse();

            var output = "";
            for (var i = 0; i <= amount.length - 1; i++) {
                output = amount[i] + output;
                if ((i + 1) % 3 == 0 && (amount.length - 1) !== i) output = '.' + output;
            }
            return output;
        }
        function removeCommas(str) {
            var amount = new String(str);
            amount = amount.split("").reverse();

            var output = "";
            for (var i = 0; i <= amount.length - 1; i++) {

                if (amount[i] != ".")
                    output = amount[i] + output;
            }
            return output;
        }
        var $j = jQuery.noConflict(); //set no conflict so you can use with MS AJAX.

        $j(document).ready(function () {

            $j("#<%=sCardNumber.ClientID %>").keypress(function (event) {
                if (event.keyCode == 13) {
                    LoadCardInfo();
                    return false;
                }
                else
                    return true;
                
            });

            $j("#<%=price.ClientID %>").keypress(function (event) {
                if (event.keyCode == 13) {
                    return false;
                }
                else
                    return true;

            });

            //Sử dụng trong trường hợp thay đổi Phương thức thanh toán:Tiền mặt, Điểm
            $j("#<%=PayMethod.ClientID %>").change(function () {
                var str = "";
                var option = "";
                var priceAfter = "";

                $j("select[id$='PayMethod'] option:selected").each(function () {
                    str += $j(this).text();
                    option += $j(this).val();
                });
                $j("#alertPayMethod").css({
                    "color": "green", "font-weight": "bold", "font-size": "small", "padding-left": "0px"
                });
                priceAfter = $j("#<%=txtPriceAfter.ClientID%>").val();
                if (option == "0") {
                    $j("#alertPayMethod").text("VNĐ");
                    $j("#<%=PaymentAmount.ClientID %>").val(priceAfter)
                }
                else if (option == "2") {
                    var pointToMoney = "";
                    $j.ajax({
                        type: "POST",
                        url: "Sell.aspx/GetConfig",
                        data: "",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (iConfig) {
                            //Set the spanChecking text letting user know if the uname is available
                            priceAfter = priceAfter.replace(/\./gi, "");

                            priceAfter = addCommas(Math.floor(priceAfter / iConfig.d));
                            $j("#alertPayMethod").text("điểm");
                            $j("#<%=PaymentAmount.ClientID %>").val(priceAfter)

                        },
                        error: function (errormessage) {
                            //you would not show the real error to the user - this is just to see if everything is working
                            $j("#alertPayMethod").text(errormessage.responseText);
                        }
                    });
                }
            }).trigger('change');

            //Sau khi nhập thẻ
            $j("#<%=sCardNumber.ClientID %>").blur(LoadCardInfo);

            //Sau khi click nút Thanh toán           
            $j("#<%=btnPay.ClientID %>").click(function () {
                if (confirm("Bạn chắc chắn muốn thanh toán với thông tin này? ")) {
                    var customerP = $j("#<%=customerPoint.ClientID %>").val();
                    var paymentAm = $j("#<%=PaymentAmount.ClientID %>").val();
                    var paymentType = $j("select[id$='PayMethod'] option:selected").val();

                    if (paymentType == 2) {
                        customerP = customerP.replace(/\./gi, "");
                        paymentAm = paymentAm.replace(/\./gi, "");
                        if (parseInt(customerP, 10) < parseInt(paymentAm, 10)) {

                            $j("#paymentAmountSpan").text("Số điểm Khách hàng có không đủ để thực hiện giao dịch");
                            $j("#paymentAmountDiv").slideDown();
                            return false;

                        }
                        else {
                            return true;
                        }
                    }
                    else {
                        return true;
                    }
                    return false;
                }
                else {
                    return false;
                }
                
            });

            //Sau khi nhập giá
            $j("#<%=price.ClientID %>").blur(TinhGiaSanPham);

            //Đổi loại sản phẩm: Nguyên giá, giảm giá
            $j("#<%=ddlBuyType.ClientID %>").change(TinhGiaSanPham).trigger('change');

        });
        var nAddCommas = 0;
        //Tính giá sản phẩm
        function TinhGiaSanPham() {
            var sess = '<%=Session["SupplierID"]%>'; //lấy ra session của supplier => supplierID
            var sPrice = $j("#<%=price.ClientID %>").val();
            var selectVal = $j("select[id$='ddlBuyType'] option:selected").val();
            var paymentType = $j("select[id$='PayMethod'] option:selected").val();
            var customerCardLevel = $j("#<%=customerCardLevel.ClientID %>").val();

            $j("#<%=price.ClientID %>").val(addCommas(removeCommas(sPrice)));

            $j.ajax({
                type: "POST",
                url: "Sell.aspx/LoadPrice",
                data: "{'supplierID':'" + sess + "', 'sPrice':'" + sPrice + "', 'iPaymentType':'" + selectVal + "','thelevel':'" + customerCardLevel + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (message) {

                    var msg = JSON.parse(message.d);
                    //Tỉ lệ giảm giá
                    $j("#<%=discounting.ClientID %>").val(msg.dDiscountPercent);

                    //Giá sau khi giảm
                    $j("#<%=txtPriceAfter.ClientID %>").val(msg.priceAfterDiscount);

                    //Điểm tích luỹ tương ứng
                    $j("#<%=txtPointTemp.ClientID %>").val(msg.nPointTemp);

                    if (paymentType == "2") {
                        var priceAfter = $j("#<%=txtPriceAfter.ClientID%>").val();
                        var pointToMoney = "";

                        //Lấy ra tỉ lệ điểm thành tiền
                        $j.ajax({
                            type: "POST",
                            url: "Sell.aspx/GetConfig",
                            data: "",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (iConfig) {

                                priceAfter = priceAfter.replace(/\./gi, "");

                                priceAfter = addCommas(Math.floor(priceAfter / iConfig.d));
                                $j("#alertPayMethod").text("điểm");
                                $j("#<%=PaymentAmount.ClientID %>").val(priceAfter)

                            },
                            error: function (errormessage) {
                                $j("#alertPayMethod").text(errormessage.responseText);
                            }
                        });
                    }
                    else {
                        $j("#<%=PaymentAmount.ClientID %>").val(msg.priceAfterDiscount);
                    }
                },
                error: function (errormessage) {
                    alert("test1");
                }
            });
            return false;

        }

        //Load thông tin sau nhập thẻ
        function LoadCardInfo()
        {
            if ($j("#<%=sCardNumber.ClientID %>").val() != "") {
                $j.ajax({
                    type: "POST",
                    url: "Sell.aspx/GetCustomerInfo",
                    data: "{'sCardNumber':'" + $j("#<%=sCardNumber.ClientID %>").val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (iCustomerPoint) {
                        var objJson = JSON.parse(iCustomerPoint.d);

                        //Set the spanChecking text letting user know if the uname is available
                        if (objJson.status != "-1" && objJson.status != "-2" && objJson.status != "-3") {

                            $j("#spanCustomerInfo").css({
                                "color": "green", "font-weight": "bold", "font-size": "small",
                                "padding-left": "0px"
                            });
                            $j("#spanCustomerFullname").css({
                                "color": "green", "font-weight": "bold", "font-size": "small",
                                "padding-left": "0px"
                            });
                            $j("#TradingHistory").css({
                                "color": "green", "font-weight": "bold", "font-size": "small",
                                "padding-left": "0px"
                            });
                            var thongbao = objJson.customerPoint;
                            var fullname = objJson.customerName;
                            var hangthe = objJson.cardLevel;

                            $j("#<%=customerPoint.ClientID %>").val(objJson.customerPoint);

                            $j("#spanCustomerFullname").text(fullname);
                            $j("#spanCustomerInfo").text(thongbao);

                            if (hangthe == "1")
                                hangtheText = "Gold";
                            if (hangthe == "")
                                hangtheText = "Gold";
                            if (hangthe == "2")
                                hangtheText = "Diamond";
                            if (hangthe == "3")
                                hangtheText = "Platinum";

                            $j("#spanCustomerCardLevel").text(hangtheText);
                            $j("#<%=customerCardLevel.ClientID %>").val(hangtheText);
                            $j('#error').hide();
                            $j('#sucess').slideDown();

                            var _TradingHistory = "<a href='trading_history.aspx?CardNumber=" + $j("#<%=sCardNumber.ClientID %>").val() + "' style='text-decoration:underline;font-weight:bold;' target='_blank'>Xem các giao dịch của khách hàng này</a>";
                            $j("#TradingHistory").text("");
                            $j("#TradingHistory").append(_TradingHistory);
                            //$("#regTitle").html("Hello World");

                            TinhGiaSanPham();

                        }
                        else if (objJson.status == "-1") {
                            $j("#customerError").css({
                                "color": "red", "font-weight": "bold", "font-size": "small"
                            });
                            var thongbao = "Khách hàng này chưa được active. Liên hệ LinkCard để được hướng dẫn."
                            $j("#customerError").text(thongbao)
                            $j('#sucess').hide();
                            $j('#error').slideDown();
                        }
                        else if (objJson.status == "-2") {
                            $j("#customerError").css({
                                "color": "red", "font-weight": "bold", "font-size": "small"
                            });
                            var thongbao = "Không tồn tại khách hàng này trong Hệ thống."
                            $j("#customerError").text(thongbao)
                            $j('#sucess').hide();
                            $j('#error').slideDown();
                        }
                        else if (objJson.status == "-3") {
                            $j("#customerError").css({
                                "color": "red", "font-weight": "bold", "font-size": "small"
                            });
                            var thongbao = "Có lỗi xảy ra. Ấn F5 để refresh lại trang."
                            $j("#customerError").text(thongbao)
                            $j('#sucess').hide();
                            $j('#error').slideDown();
                        }
                    },
                    error: function (errormessage) {

                        $j("#customerError").text(errormessage.responseText);
                    }
                });
            }
            else {
                $j('#error').hide();
            }
        }


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <section id="content">
        <section class="container_12 clearfix">
            <section id="main" class="grid_12">
                <article>
                    <div class="h1">Thêm mới Giao dịch bán hàng</div>
                    <div class="error msg" id="errorMessage" runat="server" visible="false">Có lỗi xảy ra! Ấn F5 để thử lại.</div>
                    <dl class="inline">

                        <fieldset>
                            <legend>Thông tin Khách hàng</legend>
                            <dt>
                                <label>Mã thẻ Khách hàng:</label>
                            </dt>
                            <dd>
                                <input type="text" class="medium" id="sCardNumber" runat="server" />
                                <input type="hidden" class="medium" id="customerPoint" runat="server" />
                                <input type="hidden" class="medium" id="customerCardLevel" runat="server" />
                                <div id="sucess" style="display: none; padding-top: 10px;">
                                    Tên khách hàng: <span id="spanCustomerFullname" style="color: green; font-weight: bold; font-size: small; padding-left: 0px"></span>
                                    <br />
                                    Số điểm hiện có: <span id="spanCustomerInfo" style="color: green; font-weight: bold; font-size: small; padding-left: 0px"></span>
                                    <br />
                                    Hạng thẻ: <span id="spanCustomerCardLevel" style="color: green; font-weight: bold; font-size: small; padding-left: 0px"></span>
                                    <br />
                                    <span id="TradingHistory"></span>
                                </div>
                                <div id="error" style="display: none; padding-top: 10px;">
                                    <span id="customerError"></span>
                                </div>
                            </dd>
                        </fieldset>

                        <table style="width: 100%">
                            <tr>
                                <td style="width: 75%">
                                    <fieldset>
                                        <legend>Thông tin sản phẩm</legend>

                                        <dt>
                                            <label>Loại sản phẩm:</label>
                                        </dt>
                                        <dd>
                                            <asp:DropDownList ID="ddlBuyType" runat="server"></asp:DropDownList>
                                        </dd>

                                        <dt>
                                            <label>Giá sản phẩm:</label>
                                        </dt>
                                        <dd>
                                            <input type="text" id="price" runat="server" value="0" />
                                            (VNĐ)
                                        </dd>

                                        <dt>
                                            <label>Chiết khấu:</label>
                                        </dt>
                                        <dd>
                                            <input type="text" id="discounting" runat="server" readonly value="0" />
                                            (%)
                                        </dd>
                                        <dt>
                                            <label>Giá sau chiết khấu:</label>
                                        </dt>
                                        <dd>
                                            <input type="text" id="txtPriceAfter" runat="server" readonly value="0" />
                                            (VNĐ)
                                        </dd>
                                        <dt>
                                            <label>Số điểm tích lũy được:</label></dt>
                                        <dd>
                                            <input type="text" id="txtPointTemp" runat="server" readonly />
                                            (Điểm)</dd>


                                    </fieldset>
                                </td>
                                <td style="width: 25%">
                                    <fieldset>
                                        <legend>Thông tin Triết khấu</legend>
                                        <table style="width:100%">
                                            <tr>
                                                <td><label>Hàng giảm giá:</label></td>
                                                <td style="text-align:right"><asp:Label ID="goldSaleOffPercent" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td><label>Hàng nguyên giá:</label></td>
                                                <td style="text-align:right"><asp:Label ID="goldPercent" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>
                                           <%-- <tr>
                                                <td><label>Diamond:</label></td>
                                                <td style="text-align:right"><asp:Label ID="diamondPercent" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td><label>Platinum:</label></td>
                                                <td style="text-align:right"><asp:Label ID="platinumPercent" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>--%>
                                        </table>
                                       

                                    </fieldset>
                                    <fieldset>
                                        <legend>Thông tin Điểm thưởng</legend>
                                        <table style="width:100%">
                                            <tr>
                                                <td><label>Gold:</label></td>
                                                <td style="text-align:right"><asp:Label ID="goldPoint" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>
                                          <%--  <tr>
                                                <td><label>Diamond:</label></td>
                                                <td style="text-align:right"><asp:Label ID="diamondPoint" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td><label>Platinum:</label></td>
                                                <td style="text-align:right"><asp:Label ID="platinumPoint" runat="server" ForeColor="#ff0000" Font-Bold="true"></asp:Label></td>
                                            </tr>--%>
                                        </table>
                                       

                                    </fieldset>
                                </td>
                            </tr>
                        </table>

<div style="display:none">
                        <fieldset>
                            <legend>Thông tin thanh toán</legend>


                            <dt>
                                <label>Hình thức thanh toán:</label>
                            </dt>

                            <dd>
                                <select id="PayMethod" runat="server">
                                    <option value="0">Tiền mặt</option>
                                    <option value="1">Tài khoản Ngân hàng</option>
                                    <option value="2">Điểm LinkCard</option>
                                </select>
                            </dd>
                            <dt>
                                <label>Cần thanh toán:</label>
                            </dt>
                            <dd>
                                <input type="text" id="PaymentAmount" runat="server" readonly /><span id="alertPayMethod"></span>

                                <div class="information msg" id="paymentAmountDiv" style="display: none;">
                                    <span id="paymentAmountSpan"></span>
                                </div>
                            </dd>
                        </fieldset>
    </div>

                        <input type="hidden" id="PointPercent" runat="server" />
                        <asp:Button class="button big" Text="Thanh toán" ID="btnPay" runat="server"
                            Style="width: auto;" OnClick="btnPay_Click" />
                        <asp:Button class="button white" Text="Hủy" ID="btnCancel" runat="server" />
                    </dl>

                </article>
            </section>
        </section>
    </section>
</asp:Content>
